<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function  onclickfun(){
            alert("静态注册onclick事件");
        }
        /**
         * 获取标签对象
         * document 是JavaScript语言提供的一个对象
         *
         * get       获取
         * Element   元素
         * By       通过
         * Id       id属性
         *
         *
         * 通过标签对象.事件名=function(){}
         * */
        // window.onload=function (){
        //     document.getElementById("btn01");
        //
        // }
        var btnobj=document.getElementById("btn01");
        //alter(btnobj);
        //2.通过标签对象。事件名=function（）{}
        bntobj.onclick=function (){
            alert("动态注册onclick事件");
        }

    </script>
</head>
<body>

    <!--静态注册onclick事件-->
    <button onclick="onclickfun()">按钮1</button>
    <button id="btn01">按钮2</button>
</body>
</html>